<template>

    <div style="background-color: #333333">

    </div>
</template>
<style src="../css/style.css"></style>
<style  >
    .indicator
    {
        width:750px;
        height:316px;
        position:absolute;
        item-color:#ffffff;
        item-selected-color:#777777;
        item-size:20px;
        top:120px;
        left:1;
    }
    .slider{width:750px;height:316px;}
    .frame{width:750px;height:316px;position:relative;}

    .image{width:750px;height:316px;}

</style>
<script>

    export default {

        data () {
            return {

                recItems:[
                    {img:'http://img.kukan5.com:808/pic/uploadimg/2017-6/e918789f56c4e02d.jpg',name:'迷雾',star:'9.0'},
                    {img:'http://img.kukan5.com:808/pic/uploadimg/2017-6/792af9e52b48a766.jpg',name:'尼斯湖谜案第一季',star:'8.3'},
                    {img:'http://img.kukan5.com:808/pic/uploadimg/2017-6/p2455984573.jpg',name:'行尸之惧第三季',star:'7.5'},
                    {img:'http://img.kukan5.com:808/pic/uploadimg/2017-3/58b634c1ea790.jpg',name:'迷离小镇第一季',star:'9.2'},
                ],
                movies:[
                    {img:'http://img.hdwan.net/timthumb.php?src=http://img.hdwan.net/2017/07/p2406294970.jpg&w=250&zc=1',name:'加勒比海盗5',star:'9.0'},
                    {img:'http://img.hdwan.net/2017/04/p2456180253.jpg',name:'喜欢你',star:'8.3'},
                    {img:'http://img.hdwan.net/timthumb.php?src=http://img.hdwan.net/2017/07/p2458949885.jpg&w=189&zc=1',name:'行尸之惧第三季',star:'7.5'},
                    {img:'http://img.hdwan.net/timthumb.php?src=http://img.hdwan.net/2017/07/p2472782062.jpg&w=189&zc=1',name:'迷离小镇第一季',star:'9.2'},
                ],
                imageList: [
                    { src: 'https://r1.ykimg.com/0510000059675180ADC0B0B35B056543'},
                    { src: 'https://r1.ykimg.com/05100000596724BBADC0AE216001FD2C'},
                    { src: 'https://r1.ykimg.com/0510000059671128AD9E07523604E53A'},
                    { src: 'https://r1.ykimg.com/05100000595E602EADC0B0ADA707B70A'}
                ],


            }
        },
        methods: {

            oninput(e)
            {

//                this.$emit('oninput');
                this.$emit('oninput', e);
                this.visiable=e.value!='';


            },
            onclick()
            {
                if(!this.disabled)
                    this.$emit('onclick');
            },
            panstart()
            {
                if(!this.disabled)
                    this.bgcolor='#ff1b08'
            },
            panend()
            {
                if(!this.disabled)
                    this.bgcolor='#ff4800'
            },
            setenable()
            {

            },


            onclose()
            {
                this.value='';
            }


        },

        created:function(){


            var globalEvent = weex.requireModule('globalEvent') ;
            globalEvent.addEventListener("onPageInit", function (e) {




            });

        },
        ready:function()
        {



        },
//        watch: {
//
//
//            disabled:{
//                immediate: true,
//                handler (val) {
//
//                }
//            }
//        }
    }
</script>
